<template>
  <div class="container">
    <div>学生的姓名:{{ name | mySlice}}</div>
    <h1>学生的年龄:{{ age }}</h1>
    <button @click="sendStudentName">发送到app中的学生的名称是</button>
    <button @click="unbind">点击我解绑组件上的事件</button>
    <button @click="death">点击我销毁实例对象student组件</button>
  </div>
</template>
<script>
export default {
  name: "Student",
  data(){
      return{
          name:'老黑hhhhhhhhhh',
          age:18
      }
  },
  methods:{
    sendStudentName(){
      //this是指的student这个组件对象实例化vc,$emit是规定的触发的api,两个参数分别是组件定义的事件，要传的参数
      this.$emit('atguigu',this.name)
    },
    unbind(){
      this.$off('atguigu'); //当解绑多个事件的时候把事件放在数组中 ['event1','event2']
      //或者是this.$off(); //不管几个都解绑

    },
    death(){
      this.$destroy()
    }
  }
};
</script>
<style scoped>
.container {
  background-color: aqua;
}
</style>
